<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>会员中心</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/user.css">
    <script type="text/javascript" src="js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="js/style.js" ></script>
    <script type="text/javascript" src="js/shopHis.js" ></script>
</head>
<body>
<!--顶部-->
<div class="hearder">
    <div class="top">
        <div class="w12">
            <div class="top-left">
                <span>亲，欢迎来到沐鱼！</span>
                【<a href="login.html" class="active">会员登录</a>】
                【<a href="reg.html">免费注册</a>】
            </div>
            <div class="top-right">
                <a href="user.html">
                    <img src="img/index-top.png">
                    <span>个人中心</span>
                </a>
                <a href="#">
                    <img src="img/index-top2.png">
                    <span>问题帮助</span>
                </a>
                <span>全国热线：400-123123</span>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="w12">
            <div class="logo">
                <a href="index.html"><img src="img/logo.png"></a>
            </div>
            <div class="middle-right">
                <div class="search">
                    <form>
                        <input type="text" name="deta" id="search" value="">
                          <ul class="search-list">
                        	<li><a href=""><span>男士面膜</span><span>约556个商品</span></a></li>
                        	<li><a href=""><span>奥克斯</span><span>约366个商品</span></a></li>
                        	<li><a href=""><span>安踏</span><span>约776个商品</span></a></li>
                        	<li><a href=""><span>冰箱</span><span>约1012个商品</span></a></li>
                        	<li><a href=""><span>杯子</span><span>约999个商品</span></a></li>
                        	<li><a href=""><span>手机</span><span>约1600个商品</span></a></li>
                        	<li><a href=""><span>路由器</span><span>约653个商品</span></a></li>
                        </ul>
                        <input type="submit" name="submit">
                    </form>
                    <ul>
                        <li>热门搜索：</li>
                        <li><a href="#" class="active">女生挎包</a></li>
                        <li><a href="#">男士背包</a></li>
                        <li><a href="#">女生背包</a></li>
                        <li><a href="#">男士双肩背包</a></li>
                        <li><a href="#">男士登山包</a></li>
                    </ul>
                </div>
                <div class="cart">
                    <a href="shop_cart.html">
                        <img src="img/top-gouwu.png">
                        <i>0</i>
                        <span>购物车</span>
                    </a>   
                    <ul class="cart-lister">
                    	<li><a href=""><img src="img/top-gouwu.png"/><span>购物车是空的，快去购买商品吧！</span></a></li>
                    </ul>
                    <ul class="cart-list-two">
                    	<li>
                    		<a href="">
                    			<img src="img/main_138.png">
                    		</a>
                    		<a href=""><h6>沐鱼美包包</h6></a>
                    		<a href="" class="topCat-price">
                    			&yen;83
                    		</a>
                    	</li>
                    </ul>
                </div>
                
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="w12">
            <div class="left">
                <a href="javascript:void(0);">
                    <img src="img/nav.png">
                    商品分类
                </a>
                <ul class="list">
                    <li>
                        <h2>女包</h2>
                        <ul>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">斜挎包</a></li>
                            <li><a href="#">双肩背包</a></li>
                            <li><a href="#">手提包</a></li>
                            <li><a href="#">手拿包</a></li>
                            <li><a href="#">钱包</a></li>
                            <li><a href="#">卡包</a></li>
                            <li><a href="#">钥匙包</a></li>
                        </ul>
                    </li>
                    <li>
                        <h2>男包</h2>
                        <ul>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">斜挎包</a></li>
                            <li><a href="#">双肩背包</a></li>
                            <li><a href="#">手提包</a></li>
                            <li><a href="#">手拿包</a></li>
                            <li><a href="#">钱包</a></li>
                            <li><a href="#">卡包</a></li>
                            <li><a href="#">钥匙包</a></li>
                        </ul>
                    </li>
                    <li>
                        <h2>功能包</h2>
                        <ul>
                            <li><a href="#">行李包</a></li>
                            <li><a href="#">拉杆箱</a></li>
                            <li><a href="#">胸包</a></li>
                            <li><a href="#">电脑包</a></li>
                            <li><a href="#">运动包</a></li>
                            <li><a href="#">腰包</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="user.html" class="on">会员中心</a></li>
                    <li><a href="#">新品汇集</a></li>
                    <li><a href="#">热卖推荐</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="w12">
        <!-- 内容上部分-->
        <div class="main-top">
            <div class="top-left">
            	<a href="#">
                <img src="img/user.png">
                </a>
                <ul>
                    <h3>无敌宇宙小美女</h3>
                    <li><span>中国</span><span>-广东省</span></li>
                    <li><i></i></li>
                    <li><span>注册时间 ： </span><span>2014年3月6日</span></li>
                    <li><span>常用地址 ： </span></li>
                    <li><span>中国广东省广东广兰大道巡防街666号</span></li>
                </ul>
            </div>
            <div class="top-right">
                <ul>
                    <h3>快捷中心</h3>
                    <li><a href="#">已完成<span>(88)</span></a></li>
                    <li><a href="#">待收货<span>(4)</span></a></li>
                    <li><a href="#">待付款<span>(12)</span></a></li>
                    <li><a href="#">购物车<span>(6)</span></a></li>
                    <li><a href="#">待评价<span>(6)</span></a></li>
                    <li><a href="#">浏览记录<span>(6666)</span></a></li>
                </ul>
            </div>
        </div>
        <!-- 中部-->
        <div class="main-center">
            <!--侧边栏-->
            <div class="sidebar">
                <div class="sidebar-list">
                    <ul>
                        <h1>个人中心</h1>
                        <li><a href="#">个人资料</a></li>
                        <li><a href="shop_cart.html">我的购物车</a></li>
                        <li><a href="order.html">我的订单</a></li>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的评价</a></li>
                        <li><a href="#">修改登录密码</a></li>
                    </ul>
                </div>
                <div class="sidebar-list">
                    <ul>
                        <h1>账户中心</h1>
                        <li><a href="address.html">收货地址管理</a></li>
                        <li><a href="#">个人信息管理</a></li>
                    </ul>
                </div>
                <div class="sidebar-list">
                    <ul>
                        <h1>维护中心</h1>
                        <li><a href="#">系统消息</a></li>
                        <li><a href="#">举报管理</a></li>
                        <li><a href="#">退款维权</a></li>
                    </ul>
                </div>
            </div>
            <!-- 猜你喜欢-->
            <div class="love">
                <h2>猜你喜欢<span>（根据您的浏览记录向您推荐）</span></h2>
                <ul>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_114.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_55.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_24.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_95.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_68.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_152.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_127.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                    <li>
                        <a href="evaluate_details.html"><img src="img/main_138.png"/></a>
                        <h3>2017年新款女包</h3>
                        <h4>&yen;399.00</h4>
                        <button onclick="javascrtpt:window.location.href='pay.html'"
              >立即购买<img src="img/buttom.png"></button>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 内底-->
            <div class="main-foot">
                <ul>
                    <li><img src="img/login-zhuan.png" /><span>100%正品保证</span></li>
                    <li><img src="img/login-you.png" /><span>新人首单免邮</span></li>
                    <li><img src="img/login-qi.png" /><span>七天包退换</span></li>
                    <li><img src="img/login-m.png" /><span>首次退换免邮费</span></li>
                </ul>
            </div>
    </div>
</div>
<script type="text/javascript">
    $(".main-center .love ul li").eq(3).css("margin-right","0px")
    $(".main-center .love ul li").eq(7).css("margin-right","0px")
</script>
<!--footer-->

<div class="foot">
    <div class="w12">
        <div class="foot-left">
            <div class="foot-list">
                <h2>消费保障</h2>
                <ul>
                    <li>
                        <a href="#">网购警示</a>
                    </li>
                    <li>
                        <a href="#">隐私保护</a>
                    </li>
                    <li>
                        <a href="#">投诉中心</a>
                    </li>
                    <li>
                        <a href="#">客服中心</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>购物指南</h2>
                <ul>
                    <li>
                        <a href="reg.html">免费注册</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                    <li>
                        <a href="#">会员介绍</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>配送方式</h2>
                <ul>
                    <li>
                        <a href="#">收货上门</a>
                    </li>
                    <li>
                        <a href="#">上门自提</a>
                    </li>
                    <li>
                        <a href="#">配送查阅</a>
                    </li>
                    <li>
                        <a href="#">海外配送</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>支付方式</h2>
                <ul>
                    <li>
                        <a href="#">在线支付</a>
                    </li>
                    <li>
                        <a href="#">货到付款</a>
                    </li>
                    <li>
                        <a href="#">分期付款</a>
                    </li>
                    <li>
                        <a href="#">公司转账</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>售后服务</h2>
                <ul>
                    <li>
                        <a href="#">售后政策</a>
                    </li>
                    <li>
                        <a href="#">价格保护</a>
                    </li>
                    <li>
                        <a href="#">取消订单</a>
                    </li>
                    <li>
                        <a href="#">退款流程</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot-right">
            <h2>服务热线（8:00-18:00）</h2>
            <ul>
                <li>400-123123</li>
                <li>服务邮箱</li>
                <li>123456789@qq.com</li>
            </ul>
        </div>

    </div>

</div>
<div class="w12">
    <div class="base">
       <ul>
            <li>
                <a href="http://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
            </li>
            <li>
                <a href="https://www.taobao.com/">淘宝网</a>
            </li>
            <li>
                <a href="https://www.tmall.com">天猫</a>
            </li>
            <li>
                <a href="http://www.smzdm.com">聚划算</a>
            </li>
            <li>
                <a href="https://www.vip.com/">唯品会</a>
            </li>
            <li>
                <a href="http://www.alibaba.com/">阿里巴巴国际交易市场</a>
            </li>
            <li>
                <a href="https://www.1688.com/">1688</a>
            </li>
            <li>
                <a href="https://www.alimama.com">阿里妈妈</a>
            </li>
            <li>
                <a href="http://trip.taobao.com">去啊</a>
            </li>
            <li>
                <a href="https://wanwang.aliyun.com">万网</a>
            </li>
            <li>
                <a href="https://www.aliyun.com">阿里云计算</a>
            </li>
        </ul>
        <div class="copy">
            <span>&copy;2011-2017   taobao china. 雅倩版权所有   </span>
            <ul>
                <li>
                    <a href="#"> 隐私权政策</a>
                </li>
                <li>
                    <a href="#">  用户服务协议</a>
                </li>
                <li>
                    <a href="#"> 条约规定</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>